<template>
	<view class="empty">
		<image class="img" src="@/static/mine/empty-icon.png" mode="widthFix"></image>
		<span class="van-empty__description">{{tips}}</span>
	</view>
</template>

<script>
	export default {
		name: "empty",
		props: {
			tips: {
				type: String,
				default: '暂无数据'
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style scoped lang="scss">
	.empty {
		position: fixed;
		
		left: 0;
		right: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		top: 50%;
		margin-top: -200rpx;
		.img{
			width: 300rpx;
		}

		.van-empty__description {
			margin-top: 4.26667vw;
			padding: 0 16vw;
			color: #969799;
			font-size: 3.73333vw;
			line-height: 5.33333vw;
		}
	}
</style>